<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .first{
            border: 2px solid rgb(105, 105, 130);
            text-align: center;
            padding: 20px;
        }
        .second{
            border: 2px solid rgb(105, 105, 130);
            text-align: center;
            padding: 20px;
        }
    </style>
</head>
<body >
    <div class="first">
        <img src="2.png" width="500" height="200">
        <form action="form-action.html" method="post">
        账号：
        <input type="text" name="account"><br>
        密码：
        <input type="password" name="password"><br>
        <input type="submit" name="提交">
    </form>
    </div>

    <div class="second">
        <form name="reg" autocomplete="on">
        姓名：<input type="text" name="account"><br>
        男：<input type="radio" name="gender" checked>
        女：<input type="radio" name="gender"><br>
        爱好：    
        打游戏<input type="checkbox" name="hobby" value="打游戏">
        学习<input type="checkbox" name="hobby" value="学习">
        跑步<input type="checkbox" name="hobby" value="跑步">
        游泳<input type="checkbox" name="hobby" value="游泳">
        睡觉<input type="checkbox" name="hobby" value="睡觉">
        <br>
        请上传你的照片：<input type="file"><br>
        <textarea cols="50" rows="20">
            请留下你对社团的建议：
        </textarea>
        <br>
        所在的学院：
        <select name="school">
            <option value="软件学院">软件学院</option>
            <option selected="selected">先进制造学院</option>
            <option value="先进制造学院">信息工程学院</option>
            <option value="数学与计算机学院">数学与计算机学院</option>
        </select>
        <br>

        请输入你的电子邮箱：
        <input type="email">
        <br>

        <input type="button" value="确定">
        <input type="reset" value="重置">
    </form>
    </div>
</body>
</html>